<template>
  <div class="image-nores">
    <div class="image-nore">
      <div class="image-header">
        <div class="image-header-img" :style="{ 'background-image': 'url(' + newimgall[0].src+ ')','background-repeat':'no-repeat','background-size':'cover' }"></div>
      </div>
    </div>
    <div class="image-nore-center">
      <div class="image-header">
        <div class="image-header-img" :style="{ 'background-image': 'url(' + newimgall[1].src + ')','background-repeat':'no-repeat','background-size':'cover' }">
        </div>
      </div>
    </div>
    <div class="image-nore">
      <div class="image-header">
        <div class="image-header-img" :style="{ 'background-image': 'url(' + newimgall[2].src + ')','background-repeat':'no-repeat','background-size':'cover' }"></div>
      </div>
    </div>
    <div style=" clear: both;"></div>
  </div>
</template>
<script>
export default {
	name: 'ImageNores',
  props:{
    imgall:{
      type:Array,
      default:function(){
        return [];
      }
    }
  },
	data () {
		return {
      
    }
  },
  created(){
  },
  mouted(){
  },
  computed: {
    newimgall:function(){
      let imgall;
      if(this.imgall==null){
        imgall=[];
      }else{
        imgall=[...this.imgall];
      }
      let l=imgall.length;
      while(imgall.length<3){
        imgall.push({src:'https://thumbs.dreamstime.com/z/%E6%B2%A1%E6%9C%89%E8%9A%8A%E5%AD%90-44573804.jpg'});
      }
      return imgall;
    }
  },
  methods: {
	}
}
</script>
<style >
  
</style>